<template>
	<div>
		<div class="top">
			<basic-container>
				<div class="flex_between" style="align-items: flex-start;">
					<div class="">
						<el-button size="mini" icon="fa fa-reply" @click="leftclick">
						</el-button>
						<b class="f16 ml10">{{title}}</b>
					</div>
					<div class="right flex_item">
						<slot name="right" />
					</div>
				</div>
				<slot name="bottom"></slot>
			</basic-container>
		</div>
		<slot></slot>
	</div>
</template>

<script>
	export default {
		props: {
			title: ''
		},
		methods: {
			leftclick() {
				this.$emit('leftclick')
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.top {
		position: sticky;
		top: 0px;
		right: 0;
		z-index: 999;
		width: 100%;
	}
</style>
